<div class="load-trend-container" fxFlexFill fxLayout="column">

  <div class="scrollbar" id="style">
    <div class="force-overflow">
      <header>
        <ul class="clear">                                      
          <li><label class="yestWindSpeed"><input type="checkbox" [checked]="isCheckedYestdayWindSpeed" (click)="yestdayWindSpeedChecked($event.target.checked)"/>昨日风速(m/s)</label></li>
          <li><label class="WindSpeed"><input type="checkbox" [checked]="isCheckedMeanWindSpeed" (click)="windSpeedChecked($event.target.checked)"/>今日风速(m/s)</label></li>
          <li><label class="yestPower"><input type="checkbox" [checked]="isCheckedYestdayPower" (click)="yestdayPowersChecked($event.target.checked)"/>昨日功率(MW)</label></li>
          <li><label class="power"><input type="checkbox" [checked]="isCheckedPower" (click)="powerChecked($event.target.checked)"/>今日功率(MW)</label></li>
          <li *ngIf="isShowLimitedPower"><label class="agc"><input type="checkbox" [checked]="isCheckedAgc" (click)="agcChecked($event.target.checked)"/>AGC(MW)</label></li>
          <li><label class="griFPowers"><input type="checkbox" [checked]="isCheckedGriFPowers" (click)="griFPowersChecked($event.target.checked)"/>预测功率(MW)</label></li>
        </ul>
      </header>
      <div class="main">
        <!--公司级负控曲线-->
        <div class="company-trend">
          <div class="company-trend-title">
            <!--{{ titleCompany }}-->
            <div>公司</div>
            <div>
              <span>当前风速(m/s)<i>{{ companyMeanWindSpeed | number:'1.1-2'}}</i></span>
              <span>当前功率(MW)<i>{{ companyPower | number:'1.1-2'}}</i></span>
              <!-- <span>当前AGC值(MW)<i>{{ companyAGCFeedBackValue | number:'1.1-2'}}</i></span> -->
              <!--<span>投退状态<i>111</i></span>-->
            </div>
          </div>
          <div class="conpany-trend-echarts" echarts [options]="options" (chartInit)="onChartInit($event)"></div>
        </div>

        <!--风场负控曲线-->
        <div class="farm-trend-list">
          <div *ngFor="let Load of limitedFarmsLoads">
            <app-farm-echarts 
              [farmName]="Load.farmName"
              [currMeanWindSpeed]="Load.meanWindSpeedBinging"
              [currPower]="Load.powerBinging"
              [currAGCFeedBackValue]="Load.AGCFeedBackValueBinging"

              [power]="Load.power"
              [meanWindSpeed]="Load.meanWindSpeed"
              [AGCFeedBackValue]="Load.AGCFeedBackValue"

              [historyMeanWindSpeedDates] = "Load.meanWindSpeeds"
              [historyPowerDates] = "Load.powers"
              [historyAgcDates] = "Load.AGCFeedBackValues"

              [griFPowerDatas]="Load.griFPowers"              
            
              [yesterdayWindSpeedDatas]="Load.yesterdayWindSpeeds"
              [yesterdayPowerDatas]="Load.yesterdayPowers"
              
              [isCheckedMeanWindSpeed] = "isCheckedMeanWindSpeed"
              [isCheckedPower] = "isCheckedPower"
              [isCheckedAgc]="isCheckedAgc"
              [isCheckedYestdayWindSpeed]="isCheckedYestdayWindSpeed"
              [isCheckedYestdayPower]="isCheckedYestdayPower"
              [isCheckedGriFPowers]="isCheckedGriFPowers"
              >
              <!--[refundStatus]="Load.refundStatus"  先不加载-->         
            </app-farm-echarts>
          </div>
        </div>

      </div>
    </div>
  </div>
  <div class="bg"></div>
</div>